
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="${root}images/favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="${root}images/apple-touch-icon.png">
	<title>我的</title>
    <link rel="stylesheet" href="${root}css/seedsui.min.css">
    <style>
    .grid{
    	background-color: white;
    }
    /*=========== 图片上传 ===========*/
    .app-grid-photo li{
	    padding: 6px;
	}
	.app-grid-photo .grid-icon{
	    height: 90px;
	    width: 100%;
	    border:1px solid #e5e5e5;
	    background-color: white;
	    background-size: cover;
	    color: #e5e5e5;
	}
	.app-grid-photo .app-grid-icon-add{
		border:1px dashed #A6A6A6;
	}
	.app-grid-photo .close{
		position: absolute;
		top:-6px;
		left:-6px;
		background-color: #FF6A54
	}
	.app-grid-photo .icon{
	    pointer-events:none;
	}
	/*=========== 缩略图 ===========*/
	.app-grid-thumbnail li{
		padding: 10px 12px;
	}
	.app-grid-thumbnail .grid-icon{
		border:1px solid #e5e5e5;
	}
	
	.group:before{
	width: 0px;
	}
    </style>
</head>

<body ontouchstart="" style="background-color: rgba(240, 240, 240, 0.35);">
	<header>
	    <div class="titlebar reverse">
	        <a class="titlebar-button" href=""><i class="icon "></i></a>
	        <h1 class="titlebar-title text-center">个人中心</h1>
	        <a class="titlebar-button" href="javascript:void(0);"><i class="icon "></i></a>
	    </div>
	</header>
	<article style="top:0px;padding-bottom: 50px;">
	<ul class="list">
                <li class="list-li underline" onclick="location.href='${root}users/users'">
                    <div class="list-thumbnail">
                        <img data-load-src="" src="${www}${session.user.img!}" data-error-src="${root}images/wutu.jpg">
                        <!--:if(session.user.vip>0){  -->
                        <div class="sticker sticker-icon top left">
                            <span class="size12">VIP</span>
                        </div>
                        <!--:}  -->
                    </div>
                    <div class="list-container">
                        <div class="list-title">
                           UID:${session.user.id!''}
                           <small class="list-font">
                              	昵称:${session.user.nickname!''}
                            </small>
                        </div>
                        
                        <div class="list-row">
                            <!--:if(session.user.vip>0){  -->
                            <p class="list-font"><span style="color: red;">VIP${session.user.vip!0}</span>
                            &nbsp;&nbsp;&nbsp;&nbsp;${session.user.vip_end_time!}到期</p>
                            <!--:}  -->
                        </div>
                    </div>
                    <i class="list-icon icon-arrowright"></i>
                </li>
            </ul>
		<div class="group">
		
		<ul class="grid" data-col="3">
			<li onclick="location.href='${root}users/course_list'">
				<a class="grid-icon ">
					<i class="icon icon-appbag size50"></i>
					<span class="tip" style="position:absolute;top:-4px;right:-4px;">${course_num!0}</span>
				</a>
				<label class="grid-label">课程表</label>
			</li>
			<li onclick="location.href='${root}orders/'">
				<a class="grid-icon ">
					<i class="icon icon-shop size50"></i>
					<span class="tip" style="position:absolute;top:-4px;right:-4px;">${orders_num!0}</span>
				</a>
				<label class="grid-label">订单列表</label>
			</li>
			<li onclick="location.href='${root}favorite/'">
				<a class="grid-icon ">
					<i class="icon icon-fav size50"></i>
					<span class="tip" style="position:absolute;top:-4px;right:-4px;">${favorite_num!0}</span>
				</a>
				<label class="grid-label">我的收藏</label>
			</li>
			<!-- 
			<li>
				<a class="grid-icon ">
					<i class="icon icon-rdodollar size30"></i>
				</a>
				<label class="grid-label">钱包</label>
			</li>
			<li>
				<a class="grid-icon">
					<i class="icon icon-rdoeuro size30"></i>
				</a>
				<label class="grid-label">积分</label>
			</li>
			<li>
				<a class="grid-icon">
					<i class="icon icon-card size30"></i>
				</a>
				<label class="grid-label">优惠卷</label>
			</li>
			<li >
				<a class="grid-icon ">
					<i class="icon icon-chatrect size30"></i>
				</a>
				<label class="grid-label">待评价</label>
			</li> -->
		</ul>
		</div>
		<div>
		<ul class="list">
		<li class="list-li underline" onclick="location.href='${root}record/'">
		<i class="list-icon icon-timeend"></i>
                    <p class="list-container">观看历史</p>
                    <i class="list-icon icon-arrowright"></i>
                </li>
                </ul>
		<ul class="grid app-grid-photo" data-col="3">
		<!--:for(r in records!){  -->
			<li onclick="location.href='${root}${r.tbl_name}/${r.tbl_id}'">
				<a class="grid-icon" style="background-image: url(${www}${r.img!});height: 70px;">
				</a>
				<small class="grid-label">${r.title!}</small>
			</li>
		<!--:}  -->
		</ul>
		</div>
		<div class="group">
		<ul class="list">
		<li class="list-li underline" onclick="location.href='${root}organ/'">
                <i class="list-icon icon-shop"></i>
                <span class="tip">new</span>
                    <p class="list-container">我的分销</p>
                    <i class="list-icon icon-arrowright"></i>
                </li>
                <li class="list-li underline" onclick="location.href='tel:01082865508'">
				<i class="list-icon icon-tel"></i>
                    <p class="list-container">联系客服</p>
                    010-82865508
                    <i class="list-icon icon-arrowright"></i>
                </li>
				<!-- 
                <li class="list-li underline">
                <i class="list-icon icon-share"></i>
                    <p class="list-container">我的分享</p>
                    <i class="list-icon icon-arrowright"></i>
                </li> 
                
                <li class="list-li underline">
                <i class="list-icon icon-fav"></i>
                    <p class="list-container">我的收藏</p>
                    <i class="list-icon icon-arrowright"></i>
                </li>-->
                <!-- 
		<li class="list-li underline">
		<i class="list-icon icon-gear"></i>
                    <p class="list-container">设置</p>
                    <i class="list-icon icon-arrowright"></i>
                </li> -->
		</ul>
		
		</div>
		
		
                
		
		<a href="${root}users/logout?type=wx" class="button block cancel" style="margin:8px;border-radius: 4px;">
                    <span>退出登录</span>
                </a>
                <br/>
	</article>
	<footer style="position: fixed;left: 0;bottom: 0;">
		<ul class="tabbar tabbar-footer reverse">
            <li class="tab " onclick="location.href='${root}'">
                <i class="icon icon-home"></i>
                <label class="tab-label">首页</label>
            </li>
            <li class="tab" onclick="location.href='${root}course/cate'">
                <i class="icon icon-layer"></i>
                <label class="tab-label">课程</label>
            </li>
            <li class="tab" onclick="location.href='${root}vip/'">
                <img src="${root}img/vip/365.png" style="height: 24px;width: 24px;">
                <label class="tab-label">VIP</label>
            </li>
            <li class="tab" onclick="location.href='${root}zb/'">
                <i class="icon icon-video"></i>
                <label class="tab-label">直播</label>
            </li>
            <li class="tab active" >
                <i class="icon icon-user-fill"></i>
                <label class="tab-label">我的</label>
            </li>
        </ul>
	</footer>
    <!-- <script src="${root}js/seedsui.min.js"></script> -->
	<script>
		
		function back(){history.go(-1);}
	</script>
</body>
</html>